﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="HighlightPhoto.ascx.cs" Inherits="GUI.Controls.Photo.HighlightPhoto" %>
<div class="boxHighlight nicePhoto clearfix relative">
    <h2 class="boxTitle">
        <a href="/anh-dep.htm">Ảnh đẹp</a><span class="conner sprite2"></span></h2>
    <div class="advanced-slider responsive-slider clearfix" id="slider-pro-15" tabindex="0" style="width: 634px; height: 402px;">
        <ul class="slides">
            <asp:Literal runat="server" ID="ltrData"></asp:Literal>
            <%--<li class="slide">
                <img class="image" src="http://sliderpro.net/wp-content/uploads/2012/11/image1.jpg" alt="" />
                <img class="thumbnail" src="http://sliderpro.net/wp-content/plugins/slider-pro/includes/timthumb/timthumb.php?q=95&amp;w=140&amp;h=80&amp;a=c&amp;zc=1&amp;src=http://sliderpro.net/wp-content/uploads/2012/11/image1.jpg" alt="" />
            </li>--%>
        </ul>
    </div>
</div>
<div class="desc clearfix">
    <h2 class="title">
        <asp:Literal runat="server" ID="ltrTitle"></asp:Literal></h2>
    <p class="sapo">
        <asp:Literal runat="server" ID="ltrSapo"></asp:Literal>
    </p>
</div>
<script type="text/javascript">
    onLoad(function () {
        $("#slider-pro-15 .slide").each(function () {
            $(this).find('img:even').addClass('image');
            $(this).find('img:odd').addClass('thumbnail').removeAttr('alt');
        });

        jQuery("#slider-pro-15").advancedSlider({
            width: 634,
            height: 402,
            responsive: 1,
            skin: 'glossy-square-gray',
            shadow: 0,
            pauseSlideshowOnHover: 1,
            keyboardNavigation: 1,
            slideButtons: 0,
            effectType: 'swipe',
            swipeThreshold: 30,
            thumbnailType: 'scroller',
            thumbnailWidth: 84,
            thumbnailHeight: 54,
            maximumVisibleThumbnails: 7,
            minimumVisibleThumbnails: 2,
            thumbnailScrollerResponsive: 1,
            thumbnailSwipe: 1,
            thumbnailButtons: 1
        });
    }, "Photo.HighlightPhoto.ascx");
</script>
